const pxtorem = require('postcss-pxtorem')

module.exports = {
  outputDir: 'dist', // 打包构建时的输出目录
  publicPath: process.env.NODE_ENV === 'production' ? '' : '/', // 部署应用包时的基本 URL
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          pxtorem({
            rootValue: 75,
            propList: ['*', '!font*'],
            selectorBlackList: ['van'],
          }),
        ],
      },
    },
  },

  // devServer: {
  //   port: 9527, // 端口
  //   open: true, // 自动打开浏览器
  //   proxy: { // 反向代理
  //     '/zs': {
  //       target: 'http://192.168.1.137:3000', // 完整的地址：http://192.168.1.137:3000/api/v1/login
  //       changeOrigin: true, // 跨域
  //       pathRewrite: { // 路径重写
  //         '^/zs': '',
  //       },
  //     },
  //   },
  // },

  // 扩展 webpack 的配置
  // configureWebpack: {
  //   externals: { // 从打包后的结果中排除，可使用 cdn 引入外部资源来优化页面加载速度
  //     vue: 'Vue',
  //     'vue-router': 'VueRouter',
  //     vuex: 'Vuex',
  //   },
  // },
  // configureWebpack: config => {
  //   if (process.env.NODE_ENV === 'production') {
  //     // 为生产环境修改配置...
  //     return {
  //       externals: { // 从打包后的结果中排除，可使用 cdn 引入外部资源来优化页面加载速度
  //         vue: 'Vue',
  //         'vue-router': 'VueRouter',
  //         vuex: 'Vuex',
  //       },
  //     }
  //   } else {
  //     // 为开发环境修改配置...
  //     return {}
  //   }
  // },
}
